<html>
    <head>
        <title>Twitter Emoji</title>
        <style>
            body {
                font-family: "Helvetica Neue", Arial, sans-serif;
                font-size: 14px;
                line-height: 21px;
            }

            h1 small {
                font-weight: normal;
                font-size: 18px;
                color: #777;
            }

            .emoji-wrap {
                display: inline-block;
                min-width: 200px;
                overflow: hidden;
                line-height: 28px;
            }

            .emoji-img-wrap {
                display: inline-block;
                text-align: center;
                min-width: 40px;
            }

            .emoji {
                vertical-align: text-bottom;
            }

            .alias {
                opacity: 0.5;
            }
        </style>
    </head>
    <body>
        <h1>
            Twitter Emoji
            <small>65 emoji</small>
        </h1>
        <div class="emoji-list">
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"><img class="emoji" src="-1.png" title="-1" alt="-1" height="18" /></span>
                :-1:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"><img class="emoji" src="+1.png" title="+1" alt="+1" height="18" /></span>
                :+1:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="angry.png" title="angry" alt="angry" height="18"
                /></span>
                :angry:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="anguished.png" title="anguished" alt="anguished" height="18"
                /></span>
                :anguished:<span class="alias"> or D:</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="astonished.png" title="astonished" alt="astonished" height="18"
                /></span>
                :astonished:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="bawling.png" title="bawling" alt="bawling" height="18"
                /></span>
                :bawling:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="bleep_bloop.png" title="bleep_bloop" alt="bleep_bloop" height="18"
                /></span>
                :bleep_bloop:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="blush.png" title="blush" alt="blush" height="18"
                /></span>
                :blush:<span class="alias"> or :3</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="cold_sweat.png" title="cold_sweat" alt="cold_sweat" height="18"
                /></span>
                :cold_sweat:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="confounded.png" title="confounded" alt="confounded" height="18"
                /></span>
                :confounded:<span class="alias"> or :s</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="confused.png" title="confused" alt="confused" height="18"
                /></span>
                :confused:<span class="alias"> or :\</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="cookie.png" title="cookie" alt="cookie" height="18"
                /></span>
                :cookie:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="cry.png" title="cry" alt="cry" height="18"
                /></span>
                :cry:<span class="alias"> or :'(</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="dissapointed.png" title="dissapointed" alt="dissapointed" height="18"
                /></span>
                :dissapointed:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img
                        class="emoji"
                        src="dissapointed_relieved.png"
                        title="dissapointed_relieved"
                        alt="dissapointed_relieved"
                        height="18"
                /></span>
                :dissapointed_relieved:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="dizzy.png" title="dizzy" alt="dizzy" height="18"
                /></span>
                :dizzy:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img
                        class="emoji"
                        src="expressionless.png"
                        title="expressionless"
                        alt="expressionless"
                        height="18"
                /></span>
                :expressionless:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="fearful.png" title="fearful" alt="fearful" height="18"
                /></span>
                :fearful:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="flushed.png" title="flushed" alt="flushed" height="18"
                /></span>
                :flushed:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="frown.png" title="frown" alt="frown" height="18"
                /></span>
                :frown:<span class="alias"> or :(</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="grey_question.png" title="grey_question" alt="grey_question" height="18"
                /></span>
                :grey_question:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="grimace.png" title="grimace" alt="grimace" height="18"
                /></span>
                :grimace:<span class="alias"> or :#</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="grin.png" title="grin" alt="grin" height="18"
                /></span>
                :grin:<span class="alias"> or :D</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="heart.png" title="heart" alt="heart" height="18"
                /></span>
                :heart:<span class="alias"> or <3</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="heartbreak.png" title="heartbreak" alt="heartbreak" height="18"
                /></span>
                :heartbreak:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="hushed.png" title="hushed" alt="hushed" height="18"
                /></span>
                :hushed:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="innocent.png" title="innocent" alt="innocent" height="18"
                /></span>
                :innocent:<span class="alias"> or o:)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="joy.png" title="joy" alt="joy" height="18"
                /></span>
                :joy:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="kiss.png" title="kiss" alt="kiss" height="18"
                /></span>
                :kiss:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="kissing_blush.png" title="kissing_blush" alt="kissing_blush" height="18"
                /></span>
                :kissing_blush:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="kissing_wink.png" title="kissing_wink" alt="kissing_wink" height="18"
                /></span>
                :kissing_wink:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="lol.png" title="lol" alt="lol" height="18"
                /></span>
                :lol:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="love.png" title="love" alt="love" height="18"
                /></span>
                :love:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="mask.png" title="mask" alt="mask" height="18"
                /></span>
                :mask:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="mrgreen.png" title="mrgreen" alt="mrgreen" height="18"
                /></span>
                :mrgreen:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="naughty.png" title="naughty" alt="naughty" height="18"
                /></span>
                :naughty:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="neutral.png" title="neutral" alt="neutral" height="18"
                /></span>
                :neutral:<span class="alias"> or :|</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="no_mouth.png" title="no_mouth" alt="no_mouth" height="18"
                /></span>
                :no_mouth:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="open_mouth.png" title="open_mouth" alt="open_mouth" height="18"
                /></span>
                :open_mouth:<span class="alias"> or :o</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="pensive.png" title="pensive" alt="pensive" height="18"
                /></span>
                :pensive:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="persevere.png" title="persevere" alt="persevere" height="18"
                /></span>
                :persevere:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="rage.png" title="rage" alt="rage" height="18"
                /></span>
                :rage:<span class="alias"> or >_<</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="relaxed.png" title="relaxed" alt="relaxed" height="18"
                /></span>
                :relaxed:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="relieved.png" title="relieved" alt="relieved" height="18"
                /></span>
                :relieved:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="scream.png" title="scream" alt="scream" height="18"
                /></span>
                :scream:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="skull.png" title="skull" alt="skull" height="18"
                /></span>
                :skull:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="sleeping.png" title="sleeping" alt="sleeping" height="18"
                /></span>
                :sleeping:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="sleepy.png" title="sleepy" alt="sleepy" height="18"
                /></span>
                :sleepy:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="smile.png" title="smile" alt="smile" height="18"
                /></span>
                :smile:<span class="alias"> or :)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="smiley.png" title="smiley" alt="smiley" height="18"
                /></span>
                :smiley:<span class="alias"> or =)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="smirk.png" title="smirk" alt="smirk" height="18"
                /></span>
                :smirk:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="star.png" title="star" alt="star" height="18"
                /></span>
                :star:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="sunglasses.png" title="sunglasses" alt="sunglasses" height="18"
                /></span>
                :sunglasses:<span class="alias"> or B)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="sweat.png" title="sweat" alt="sweat" height="18"
                /></span>
                :sweat:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="sweat_smile.png" title="sweat_smile" alt="sweat_smile" height="18"
                /></span>
                :sweat_smile:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="tired_face.png" title="tired_face" alt="tired_face" height="18"
                /></span>
                :tired_face:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="tongue.png" title="tongue" alt="tongue" height="18"
                /></span>
                :tongue:<span class="alias"> or :p</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="triumph.png" title="triumph" alt="triumph" height="18"
                /></span>
                :triumph:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="trollface.png" title="trollface" alt="trollface" height="18"
                /></span>
                :trollface:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="unamused.png" title="unamused" alt="unamused" height="18"
                /></span>
                :unamused:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="warning.png" title="warning" alt="warning" height="18"
                /></span>
                :warning:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="weary.png" title="weary" alt="weary" height="18"
                /></span>
                :weary:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="wink.png" title="wink" alt="wink" height="18"
                /></span>
                :wink:<span class="alias"> or ;)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="worried.png" title="worried" alt="worried" height="18"
                /></span>
                :worried:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="yum.png" title="yum" alt="yum" height="18"
                /></span>
                :yum:</span
            >
        </div>
    </body>
</html>
